<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文章——评论</title>
	<!-- 导入样式 -->
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/headandfter.css" />
    <link rel="stylesheet" type="text/css" href="../css/article.css" />
    
    <script src="../js/jquery.min.js"></script>
    <script src="../js/header.js"></script>
    
</head>

<body>
<header>
  <div class="header">
    <div class="top">
      <div class="top-info fixed">
      	<div class="right fixed" style="*max-width:420px; position:relative;">
          <div class="message-content right"  style="position:relative; display:inline-block; height:40px;">
            <a href="#" class="message-info">
              <span class="message-nums">6</span>
            </a>
            <div class="h-MessageInfo">
              <p class="icon-tringle2"></p>
              <div class="h-M-Content">
                <p class="h-M-Title"><a href="javascript:void(0);" class="NowMeg" style="border-right:solid 1px #e6e6e6;">消息</a><a href="javascript:void(0);" style="width:189px;">动态</a></p>
                <ul class="h-Tab">
                  <li class="MsgContent">
                    <div class="Msg-txt">暂无新消息</div>
                    <p class="Msg-more"><a href="#">查看更多消息>></a></p>
                  </li>
                  <li class="cdtContent" style="display:none;">
                    <div class="Msg-txt">暂无新动态</div>
                    <p class="Msg-more"><a href="#">查看更多动态>></a></p>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!--End 消息内容-->
          <div class="user-info right fixed">
            <div class="user-img left"><img src="../images/headandfter/user-img.png" /></div>
            <div class="user-name left">
              <a href="#">小豆女王</a>
              <span class="icon-tringle1"></span>
            </div>
            <div class="user-set">
              <p></p>
              <div class="us-Content"></div>
            </div><!--用户操作 未果-->
          </div>
        </div>
        <!--End 用户-->
        <div class="top-nav left">
          <a href="#" class="f-home">番石榴首页</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-news">新闻站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-active">亲子活动站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-shop">辣妈购物站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-lt">论坛</a>
        </div>
      </div>
    </div>
    <!--End top-->
  </div>
</header>
<!--End header-->
<section>
  <div class="container">
    <div class="banner">
     
      <div class="fixed">
        <div class="list-numbers left" style="width:859px;border-right: 1px solid #e8e8e8;padding-left: 0px;">
	    <!--begin 左边-->
            <div class="big_title comm">
                
                <div class="biaotou">文章评论</div>
                <div class="big_t">
                    <p>
                        又坑中国产妇！粉碎11条分娩谣言
                        <a href="#" style="padding-left:20px;">[查看原文]</a>
                    </p>
                    <label class="small_font">BY:宝贝俱乐部</label>
                    <label class="small_font">2015-4-10&nbsp;16:11</label>
                </div>
                <!--begin 评论-->
		    <div class="comment write">
                        <div class="write_comm">
                            <p>
                                文明上网理性发言，请遵守新闻评论服务协议
                                <a href="#" style="color: #898989;">
                                    <img style="width: 17px;" src="../images/article/phone_img1.png" />
                                    手机发评论
                                </a>
                            </p>
                            <textarea></textarea>
                            <div style="padding-top: 10px;">
                                <span>
                                    <img style="margin-bottom:-3px;" src="../images/article/comment_img1.png" />
                                    <label>372</label>评论
                                </span>
                                <span>
                                    <label>723</label>人参与
                                </span>
                                <a id="fabu" href="#"><div>发布</div></a>
                                <span  style="float: right;">0/150</span>
                            </div>
                        </div>
                    </div>
                    <div class="comment" style="padding-top: 0px;">
			<!--begin 热门评论--->
			<div class="hot_comm hot_comms" id="hot_comm">
			    <div class="hot_title">
                                <img src="../images/article/fire_img1.png" />
				热门评论
			    </div>
                <!--第一条-->
			    <div class="comms ping">
                    <div class="user_comm">
                        <div class="userImg"><img src="../images/article/user_img1.png" /></div>
                        <p class="user_name_info">
                            <span class="username">一帘幽梦</span>
                            <span class="comm_time">02-11&nbsp;&nbsp;12:20</span>
                        </p><!--评论用户-->
                        <div class="user_comm_cent"><!--评论回复-->
                            <div class="user_comm">
                                <div class="user_comm"><!--评论回复-->
                                    <p class="user_name_info"><span class="username">1幽梦</span></p>
                                    <p class="user_txt">我是被回复的~~~~</p>
                                </div><!--End 评论回复 5.4修改-->
                                <p class="user_name_info"><span class="username">2幽梦</span></p>
                                <p class="user_txt">我也是被回复的~~~~</p>
                            </div>
                            <p class="user_txt">我回复了你了~~~</p>
                        </div><!--End 评论回复 5.4修改-->
                        <p class="user_set">
                            <a href="#"><img src="../images/article/good_img1.png" /><label>(85)</label></a>
                            <a href="#"><img src="../images/article/nogood_img1.png" /><label>(0)</label></a>
                            <a href="#"><img src="../images/article/back_img1.png" /><label>回复</label></a>
                            <a href="#" style="float:right;"><img src="../images/article/report_img1.png" /><label>举报</label></a>
                        </p>
                    </div>
			    </div>
			    <!--第一条-->
			    <div class="comms ping">
                    <div class="user_comm">
                        <div class="userImg"><img src="../images/article/user_img1.png" /></div>
                        <p class="user_name_info">
                            <span class="username">一帘幽梦</span>
                            <span class="comm_time">02-11&nbsp;&nbsp;12:20</span>
                        </p><!--评论用户-->
                        <div class="user_comm_cent"><!--评论回复-->
                            <p class="user_txt">我回复了你了~~~</p>
                        </div><!--End 评论回复 5.4修改-->
                        <p class="user_set">
                            <a href="#"><img src="../images/article/good_img1.png" /><label>(85)</label></a>
                            <a href="#"><img src="../images/article/nogood_img1.png" /><label>(0)</label></a>
                            <a href="#"><img src="../images/article/back_img1.png" /><label>回复</label></a>
                            <a href="#" style="float:right;"><img src="../images/article/report_img1.png" /><label>举报</label></a>
                        </p>
                    </div>
			    </div>
			
			<!--end 热门评论--->
                        
                        <!--begin 最新评论--->
			    <div class="hot_title">
                                <img src="../images/article/newcom_img1.png" />
				最新评论
			    </div>
                             <!--第一条-->
			    <div class="comms ping">
				<img src="../images/article/user_img1.png" />
				<span class="username">一帘幽梦</span>
                                <span class="comm_time">02-11&nbsp;&nbsp;12:20</span>
				<div class="user_comm">
				    <p>
					造一个无忧的世界给你走路 种花 收集光线和影<br/>你想要的 你向往的都揉进你心窥探你 拨弄你 嗅着你味<br/>
					拼凑出空气中的视听与幻觉<br/> 
				    </p>
				    <span>
                                        <a href="#">
                                            <img src="../images/article/good_img1.png" />
                                            <label>(85)</label>
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <img src="../images/article/nogood_img1.png" />
                                            <label>(0)</label>
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <img src="../images/article/back_img1.png" />
                                            <label>回复</label>
                                        </a>
                                    </span>
                                    <span style="float: right;">
                                        <a href="#">
                                            <img src="../images/article/report_img1.png" />
                                            <label>举报</label>
                                        </a>
                                    </span>
				</div>
			    </div>
			    <!--第二条-->
			    <div class="comms ping">
				<img src="../images/article/user_img1.png" />
				<span class="username">一帘幽梦</span>
                                <span class="comm_time">02-11&nbsp;&nbsp;12:20</span>
				<div class="user_comm">
				    <p>
					造一个无忧的世界给你走路 种花 收集光线和影<br/>你想要的 你向往的都揉进你心窥探你 拨弄你 嗅着你味<br/>
					拼凑出空气中的视听与幻觉<br/> 
				    </p>
				    <span>
                                        <a href="#">
                                            <img src="../images/article/good_img1.png" />
                                            <label>(85)</label>
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <img src="../images/article/nogood_img1.png" />
                                            <label>(0)</label>
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <img src="../images/article/back_img1.png" />
                                            <label>回复</label>
                                        </a>
                                    </span>
                                    <span style="float: right;">
                                        <a href="#">
                                            <img src="../images/article/report_img1.png" />
                                            <label>举报</label>
                                        </a>
                                    </span>
				</div>
                            <!--更多评论--->
                            <div style="padding: 50px 0px 100px 250px;">
                                <a href="#">
                                    <div class="more_com">
                                        更多评论
                                    </div>
                                </a>
                            </div>
                            
			<!--end 最新评论--->
		    </div>
		</div>
                <!--end 评论-->
            </div>
        </div>
	<div class="right_conent">
	    <div id="right_con" class="list-numbers right" style="width: 258px;position:absolute;top:70px; ">
		<div class="title_right">
		    <img src="../images/article/xinrui_img1.png" />  
		</div>
		<!--begin 评论热榜-->
		<p class="left_con">
                    <div class="ouline">
                        <div class="inline">
                            评论热榜
                        </div>
                    </div>
		    <p class="hot_b">
                       <div class="hot_bang">1</div>
                       <label class="hot_r">[25323]</label>
                       <div class="hot_con">
                            俄罗斯境内现中国唐代古城
                       </div>
                    </p>
                    <p class="hot_b">
                       <div class="hot_bang">2</div>
                       <label class="hot_r">[25323]</label>
                       <div class="hot_con">
                            俄罗斯境内现中国唐代古城
                       </div>
                    </p>
                    <p class="hot_b">
                       <div class="hot_bang">3</div>
                       <label class="hot_r">[25323]</label>
                       <div class="hot_con">
                            俄罗斯境内现中国唐代古城
                       </div>
                    </p>
                    <p class="hot_b">
                       <div class="not_third">4</div>
                       <label class="not_r">[25323]</label>
                       <div class="hot_con">
                            俄罗斯境内现中国唐代古城
                       </div>
                    </p>
                     <p class="hot_b">
                       <div class="not_third">5</div>
                       <label class="not_r">[25323]</label>
                       <div class="hot_con">
                            俄罗斯境内现中国唐代古城
                       </div>
                    </p>
                      <p class="hot_b">
                       <div class="not_third">6</div>
                       <label class="not_r">[25323]</label>
                       <div class="hot_con">
                            俄罗斯境内现中国唐代古城
                       </div>
                    </p>
		</p>
                <!--end 评论热榜-->
                
                <!--begin 评论达人-->
		<p class="left_con">
                    <div class="ouline">
                        <div class="inline">
                            评论达人
                        </div>
                    </div>
		    <p class="doyen">
                       <img src="../images/article/daren_img1.png" />
                       <span>任大萌</span>
                    </p>
                    <p class="doyen">
                       <img src="../images/article/daren_img1.png" />
                       <span>dsfhsdkfjkhkj</span>
                    </p>
                    <p class="doyen">
                       <img src="../images/article/daren_img1.png" />
                       <span>蒙塔奇</span>
                    </p>
                    <p class="doyen">
                       <img src="../images/article/daren_img1.png" />
                       <span>各奔呵呵</span>
                    </p>
		</p>
                <!--end 评论达人-->
	    </div>
	</div>
      </div>
    </div>
    <!--End banner-->
    
  </div>
</section>
<footer>
  <div class="footer footer-show-bg">
    <div class="f-banner fixed">
      <div class="bbsh left">
        <p style="padding-bottom:30px;"><img src="../images/headandfter/bbshimg.png" /></p>
        <p><img src="../images/headandfter/fan16-ewm.jpg" /></p>
      </div>
      <div class="hot-pd left">
        <p class="hot-title">热门频道</p>
        <div class="hot-link fixed">
          <div>
            <p><a href="#">新闻</a></p>
            <p><a href="#">国内</a></p>
            <p><a href="#">评论</a></p>
            <p><a href="#">国际</a></p>
            <p><a href="#">探索</a></p>
            <p><a href="#">社会</a></p>
            <p><a href="#">军事</a></p>
          </div>
          <div>
            <p><a href="#">图片</a></p>
            <p><a href="#">体育</a></p>
            <p><a href="#">NBA</a></p>
            <p><a href="#">CBA</a></p>
            <p><a href="#">综合</a></p>
            <p><a href="#">中超</a></p>
            <p><a href="#">足球</a></p>
          </div>
          <div>
            <p><a href="#">英超</a></p>
            <p><a href="#">西甲</a></p>
            <p><a href="#">意甲</a></p>
            <p><a href="#">娱乐</a></p>
            <p><a href="#">明星</a></p>
            <p><a href="#">图片</a></p>
            <p><a href="#">电影</a></p>
          </div>
          <div>
            <p><a href="#">财经</a></p>
            <p><a href="#">音乐</a></p>
            <p><a href="#">资料库</a></p>
            <p><a href="#">股票</a></p>
            <p><a href="#">产经</a></p>
            <p><a href="#">新股</a></p>
            <p><a href="#">金融</a></p>
          </div>
          <div>
            <p><a href="#">基金</a></p>
            <p><a href="#">商业</a></p>
            <p><a href="#">评论</a></p>
            <p><a href="#">国际</a></p>
            <p><a href="#">探索</a></p>
            <p><a href="#">社会</a></p>
          </div>
        </div>
      </div>
      <div class="call-alls left">
        <p class="hot-title">联系我们</p>
        <p class="alls1">商务合作：huangjiasheng@fan16.cn</p>
        <p class="alls1">广告发布：deloo@fan16.cn</p>
        <p class="alls1">投诉建议：service@fa</p>
        <div class="linkbg">
          <a href="#" class="xinlang"></a>
          <a href="#" class="tengxun"></a>
          <a href="#" class="zhandian"></a>
          <a href="#" class="douban"></a>
        </div>
      </div>
    </div>
    <div class="f-bottom">
      <p>Copyright©　2013-2015 fan16.cn,AllRights Reserved 粤ICP备 12093882 号-1 版权所有：广州赢酷通讯技术有限公司</p>
    </div>
  </div>
</footer>
<!--End section-->
</body>
<script type="text/javascript">
	/*$(function(){
	    var crolltop = $(document).scrollTop();
	    if (crolltop>=50) {
		    $("#right_con").css("top",20);
		    $("#right_con").css("position","fixed");
		}
	    $(document).scroll(function(){
	      	var crolltop = $(document).scrollTop();
		var dHeight = $(document).height();
		var wHeight = $(window).height();
		var down = dHeight - wHeight;
		if (crolltop>=down-320) {
		    $("#right_con").css("position","absolute");
		    $("#right_con").css("top",down-320);
		}
		else if (crolltop>=50) {
		    $("#right_con").css("top",20);
		    $("#right_con").css("position","fixed");
		    
		}else if(crolltop<50){
		    //$("#right_con").css("position","fixed");
		    $("#right_con").css("top",70);
		}
	    });
	});
        */
  
</script>
</html>
